@charset "utf-8";
/* CSS Document */
/* 总的样式 */
*{ margin:0; padding:0; }
body{font-size:12px; font-family:微软雅黑; background:url(../images/bg.jpg) repeat-x top;  }
#wrapper{ width:1002px; margin:0 auto; overflow:hidden;}

.left{ float:left;}
.right{ float:right;}
.cleal{ clear:both;}
img{ border:none;}
a{ text-decoration:none;}
ul{ list-style:none;}
a{ text-decoration:none; color:#000;}
#list li,#list li a{
width:100%;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
p{ line-height:24px; text-indent:2em;}
.mar20{ margin-top:20px;}
/* header */

.logo{ height:89px; padding-top:10px;}
#menu{width:1002px; height:36px; line-height:36px; text-align:center; }
.meunlist li{float:left; position:relative; _display:inline; text-align:center;color:#FFF;  background:url(../images/menu-xian.jpg) no-repeat right center; height:33px; line-height:33px;  position:relative; }
.meunlist li a{color:#FFF; display:block;}
.meunlist li a:hover{color:#fff; background:url(../images/menu.jpg); }
.meunlist1{ position:absolute; left:5px; top:33px;  display:none; z-index:999; }
.meunlist1 li{ width:100%; background:#ba0003; border-bottom:1px solid #fff; height:33px; line-height:33px;}
.meunlist1 li a:hover{ background:#990100;}


#banner{ margin-top:10px;}

/* content */

#content{ background:url(../images/cbg1.jpg) repeat-y; }





/* left */
#wrp{ width:218px;}
#left{width:218px;}
#leftnav .title{ font-size:14px; background:url(../images/cpxl.jpg) no-repeat; width:218px; height:28px;}
#leftnav .list{ width:200px; padding:10px 10px 10px 10px; }
#leftnav .list li{ background:url(../images/dot2.jpg) no-repeat center; height:31px; line-height:31px; padding:0px 0px 0px 0px; margin-bottom:10px; }
#leftnav .list li a{ color:#000;  }
#leftnav .list li a:hover{ color:#F00; }
#leftext .title{ font-size:14px; background:url(../images/lx.jpg) no-repeat; width:218px; height:28px;}
.contact{ padding:10px 10px 10px 10px; line-height:24px; }

/*三级导航*/
.list { position:relative; margin:0; font-size:12px; margin:10px 0px 50px 0px;}
.list ul li a, .list ul li a:visited {display:block; text-decoration:none; width:200px; height:31px; text-align:center;  line-height:31px; font-size:12px; overflow:hidden;}
.list ul {padding:0; margin:0;list-style-type: none; }
.list ul li {float:left; margin-right:1px; position:relative; background:url(../images/dot22.jpg); }
.two ul{display: none; z-index:999; }
/* specific to non IE browsers */
.list ul li:hover a {color:#fff; background:url(../images/dot2.jpg);}
.list ul li:hover ul {display:block; position:absolute; top:0; left:150px;  width:150px;}
.list ul li:hover ul li a.hide { color:#fff;}
.list ul li:hover ul li:hover a.hide { color:#FFF;}
.list ul li:hover ul li ul {display: none;}
.list ul li:hover ul li a {display:block;  color:#fff; background:url(../images/dot22.jpg); width:120px;}
.list ul li:hover ul li a:hover {  color:#fff; background:url(../images/dot22.jpg); width:120px;}
.list ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0; width:120px;}



/* right */
#right{ width:784px;}
#mid{ width:435px; padding:10px 20px 10px 20px;}
#mid .title{ background:url(../images/gs.jpg); width:440px; height:33px; line-height:33px; position:relative;}
#mid .title span{ position: absolute; right:10px; top:10px;}
#rightpic{ margin-top:10px;}
#rightpic .title{ background:url(../images/cp.jpg); width:440px; height:33px; line-height:33px; position:relative;}
#rightpic .title span{ position: absolute; right:10px; top:10px;}
#midright{ width:245px; margin-right:40px;}
#rightad .title{ background:url(../images/sb.jpg) no-repeat; width:76px; height:15px;}
.js{ margin-top:20px;}
#rightext{ margin-top:10px;}
#rightext .title{background:url(../images/xw.jpg) no-repeat; width:76px; height:15px; padding-bottom:10px; }
.pic1{ text-align:center; margin:10px 0px 10px 0px;}
.pic2{ text-align:center;}
.rightext2{ padding:10px 10px 10px 20px; position:relative;}
.rightext3{ padding:10px 10px 10px 20px; }
.list1 li{ width:710px; float:left; margin-bottom:5px;}
.l_play{ background:#37a1d5; color:#ead0ce; padding: 0px 10px; border-radius:5px; cursor:pointer; text-align:center;width:30px;}
.l_play a{ color:#fff; }
.l_play a:hover{ color:#fff; }

.product{ margin:0 auto;  width:720px;}



/* 首页滚动图片 */
#marqueebox{ width:410px; padding:15px; overflow:hidden; margin:0 auto;}
#marqueeson{ width:10000%;}
#marqueeson_cont{float:left;overflow:hidden;zoom:1;}
#marqueeson img{border:none;}
#marqueeson_hidden{float:left}

/* footer */
#footer{ background:url(../images/bottom.jpg) repeat-x; height:114px;}
.footernav{ color:#FFF; text-align:center; line-height:35px; margin-bottom:45px;}
.footernav a{ color:#FFF;}
.footernav a:hover{ color:#FFF; text-decoration:underline;}
.bq { text-align:center; color:#000;}
.bq a{color:#000;}
.bq a:hover{ color:#000; }

/* 关于我们 */
.nr{ padding:0px 20px 20px 20px; }
.nr .title{ background:url(../images/gywm.jpg) no-repeat; height:36px; padding-left:45px; line-height:36px;}


/*list*/
#list li{ width:650px; background:url(../images/list_01.png) left center no-repeat; padding-left:30px;}
#list li a{ width:500px; color:#000; line-height:30px;}
#list li a:hover{ color:#F00; }

#page{ margin:50px auto;}
#page a{ color:#000;}
.page{ margin:0 10px;}
.page a{ color:#fff; background:#aaa; width:20px; height:20px; margin:0 3px;  text-align:center; line-height:20px; padding:0 5px;}
.page a:hover{background:#666;}

/*content*/

#author{border-top: 1px dotted #999; margin:30px 0; text-align:right; height:30px; padding-top:5px;   }
.jiathis_style{ position: absolute; text-align:right; margin-left:560px; }
.xxnr p{ text-indent:2em;}
#page1 a{ color:#000;}


/* product */
div#productquery { margin: 0px 11px 10px 10px; text-align: center; float: left; }
div#productquery div.fang { padding: 3px; text-align: center; border: 1px solid #eee; }
div#productquery div.picFit { overflow: hidden; }
.picFit {

        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;
        /*设置水平居中*/
        text-align:center;
        /* 针对IE的Hack */
        *display: block;
        *font-size: 149px;
        *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
        width:118px;
        height:187px;
}
.picFit img {
        /*设置图片垂直居中*/
        vertical-align:middle;
}

.tex p{ text-indent:2em; margin-bottom:10px;}